<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <style>
        .stock {
            background: #E58787;
        }
        .price {
            background: #ECAE70;
        }
    </style>


    <!-- TIENDA -->
    <div jsf:rendered="#{inputProductController.secondWizard eq 2}" >
        <div align="center">
            <h3>EMPRESA: #{inputProductController.shop.companyId.name}</h3>
        </div>
        <hr/>
        <div class="row">
            <div class="col-lg-4">
                <h5>* RUC: <strong>#{inputProductController.shop.companyId.ruc}</strong></h5>
                <h5>* TIENDA: <strong>#{inputProductController.shop.name}</strong></h5>
            </div>
            <div class="col-lg-4">
                <h5>* TELÉFONO: <strong>#{inputProductController.shop.phone}</strong></h5>
                <h5>* DIRECCIÓN: <strong>#{inputProductController.shop.address}</strong></h5>
            </div>
            <div class="col-lg-4">
                <h5>* CONTACTO: <strong>#{inputProductController.shop.contact}</strong></h5>
            </div>
        </div>
        <hr/>
    </div>
    <!-- END TIENDA -->
    <!-- ALMACÉN -->
    <div jsf:rendered="#{inputProductController.secondWizard eq 1}" >
        <div align="center">
            <h3>ALMACÉN: #{inputProductController.storehouse.name}</h3>
        </div>
        <hr/>
        <div class="row">
            <div class="col-lg-6">
                <h5>* DIRECCIÓN: <strong>#{inputProductController.storehouse.address}</strong></h5>
            </div>
            <div class="col-lg-6">
                <h5>* TELÉFONO <strong>#{inputProductController.storehouse.phone}</strong></h5>
            </div>
        </div>
        <hr/>
    </div>
    <!-- CREACIÓN DEL LLENADO PARA PRODUCTOS NUEVOS. SE TIENE QUE VER EL PROVEEDOR -->
    <h:form>
        <div class="row">

            <div class="col-lg-4">
                <div class="input-group">
                    <span class="input-group-addon">CÓDIGO: </span>
                    <input jsf:value="#{inputProductController.searchForCode}" type="text" class="form-control" placeholder="Ejemplo: CD3304" 
                           jsf:onblur="value=value.toUpperCase()"/>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="input-group">
                    <span class="input-group-addon">NOMBRE: </span>
                    <input jsf:value="#{inputProductController.searchForName}" 
                           type="text" class="form-control" placeholder="Ejemplo: Producto A" 
                           jsf:onblur="value=value.toUpperCase()"/>
                </div>
            </div>

            <div class="col-lg-4" align="right">
                <!-- BUSQUEDA PARA TIENDA -->
                <p:commandLink styleClass="btn btn-default btn-primary" update=":tableForm:tableSP"
                               action="#{inputProductController.obtainLazy()}" rendered="#{inputProductController.shop.id != null}">
                    <i class="glyphicon glyphicon-search" />
                    BUCAR
                </p:commandLink>
                <!-- BUSQUEDA PARA ALMACÉN -->
                <p:commandLink styleClass="btn btn-default btn-primary"
                               action="#{inputProductController.obtainLazyStorehouseProduct()}"
                               rendered="#{inputProductController.storehouse.id != null}"
                               update=":FormTabbb:tableSPP">
                    <i class="glyphicon glyphicon-search" />
                    BUCAR
                </p:commandLink>
            </div>

        </div>
    </h:form>
    <hr/>
    <div class="row">
        <div class="col-lg-6"><div align="center" style="width: 80%;background: #E58787;" > SE ESTÁ AGOTANDO EL STOCK</div></div>
        <div class="col-lg-6" jsf:rendered="#{inputProductController.shop.id != null}"><div align="center" style="width: 80%;background: #ECAE70;" > FALTA EDITAR PRECIO</div></div>
    </div>
    <hr/>
    <div class="row">
        <!-- LISTADO DE TIENDA - PRODUCTOS -->
        <h:form id="tableForm" rendered="#{inputProductController.shop.id != null}">
            <p:dataTable emptyMessage="No ha añadido ningún producto." id="tableSP"
                         paginator="true" rows="10" lazy="true" var="shopPro"
                         value="#{inputProductController.lazyModelProductShop}"
                         rowStyleClass="#{shopPro.productId.minStock ge shopPro.amount ? 'stock' : shopPro.outputPrice eq 0.0 ? 'price' : null}"
                         paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"  >
                <f:facet name="header">
                    LISTA DE PRODUCTOS ACTUALMENTE
                </f:facet>
                <p:column width="5">
                    <p:menuButton styleClass="menubutton-for-table">  
                        <p:menuitem value="Editar" icon="ui-icon-pencil" update=":panelContent"> 
                            <f:setPropertyActionListener
                                target="#{inputProductController.productShop}"
                                value="#{shopPro}" />
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/operation/register_product/forms/productshop_edit.xhtml" />
                        </p:menuitem>
                    </p:menuButton>
                </p:column>
                <p:column headerText="Código Producto" width="30">
                    #{shopPro.productId.productId}
                </p:column>
                <p:column headerText="Nombre y/o Descripción de Productos" >
                    #{shopPro.productId.name}
                </p:column>
                <p:column headerText="Etiquetas" width="150">
                    <div align="center" jsf:rendered="#{shopPro.productId.categoryId.name != null}">
                        CATEGORIA[<strong>#{shopPro.productId.categoryId.name}</strong>] 
                    </div>
                    <div align="center" jsf:rendered="#{shopPro.productId.categoryId.name != null}">
                        UNIDAD[<strong>#{shopPro.productId.unitTypeId.name}</strong>] 
                    </div>
                    <div align="center" jsf:rendered="#{shopPro.productId.categoryId.name != null}">
                        MARCA[<strong>#{shopPro.productId.markId.name}</strong>] 
                    </div>
                </p:column>
                <p:column headerText="Stock" width="10">
                    <div align="center">
                        #{shopPro.amount}
                    </div>
                </p:column>
                <p:column headerText="Precio" width="20">
                    #{shopPro.outputPrice}
                </p:column>
                <p:column headerText="Moneda" width="10">
                    #{shopPro.typeMoney}
                </p:column>
            </p:dataTable>
        </h:form>

        <!-- LISTADO DE PRODUCTOS - ALMACÉN -->
        <h:form rendered="#{inputProductController.storehouse.id != null}" id="FormTabbb">
            <p:dataTable emptyMessage="No ha añadido ningún producto." id="tableSPP"
                         paginator="true" rows="10" lazy="true" var="storePro"
                         value="#{inputProductController.lazyModelStorehouseProduct}"
                         rowStyleClass="#{storePro.productId.minStock ge storePro.amount ? 'stock' : null}"
                         paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"  >
                <f:facet name="header">
                    LISTA DE PRODUCTOS ACTUALMENTE EN ALMACÉN
                </f:facet>
                <p:column width="5">
                    <p:menuButton styleClass="menubutton-for-table" >  
                        <p:menuitem value="Editar" icon="ui-icon-pencil" update=":panelContent"> 
                            <f:setPropertyActionListener
                                value="#{storePro}"
                                target="#{inputProductController.storehouseProduct}" />
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/operation/register_product/forms/productshop_edit.xhtml" />
                        </p:menuitem>
                    </p:menuButton>
                </p:column>
                <p:column headerText="Código Producto" width="30">
                    #{storePro.productId.productId}
                </p:column>
                <p:column headerText="Nombre y/o Descripción de Productos" >
                    #{storePro.productId.name}
                </p:column>
                <p:column headerText="Etiquetas" width="150">
                    <div align="center" jsf:rendered="#{storePro.productId.categoryId.name != null}">
                        CATEGORIA[<strong>#{storePro.productId.categoryId.name}</strong>] 
                    </div>
                    <div align="center" jsf:rendered="#{storePro.productId.categoryId.name != null}">
                        UNIDAD[<strong>#{storePro.productId.unitTypeId.name}</strong>] 
                    </div>
                    <div align="center" jsf:rendered="#{storePro.productId.categoryId.name != null}">
                        MARCA[<strong>#{storePro.productId.markId.name}</strong>] 
                    </div>
                </p:column>
                <p:column headerText="Stock" width="10">
                    <div align="center">
                        #{storePro.amount}
                    </div>
                </p:column>
            </p:dataTable>

        </h:form>
    </div>
    <hr/>
    <!--
    <div class="row" align="right">
        <p:commandLink styleClass="btn btn-default btn-primary" >
            <i class="glyphicon glyphicon-hdd"/>
            BUSQUEDA AVANZADA
        </p:commandLink>
    </div>
    -->
</ui:composition>
